import ReactDOM from 'react-dom/client'
import './index.css'
import App from './App'
// const data = [
//   { title: '三月', desc: 23, top: '学习React', bottom: '40mins' },
//   { title: '四月', desc: 24, top: '学习React', bottom: '50mins' },
//   { title: '五月', desc: 25, top: '学习React', bottom: '40mins' },
//   { title: '六月', desc: 26, top: '学习React', bottom: '50mins' },
//   { title: '七月', desc: 27, top: '学习React', bottom: '90mins' },
//   { title: '八月', desc: 28, top: '学习React', bottom: '50mins' }
// ]

// function App () {
//   return (
//     <div className='app'>
//       <div className='content'>
//         {data.map(item => (
//           <div className='item' key={item.title}>
//             <div className='left'>
//               <div className='title'>{item.title}</div>
//               <div className='desc'>{item.desc}</div>
//             </div>
//             <div className='right'>
//               <div className='top'>{item.top}</div>
//               <div className='bottom'>{item.bottom}</div>
//             </div>
//           </div>
//         ))}
//       </div>
//     </div>
//   )
// }
const root = ReactDOM.createRoot(document.getElementById('root'))
root.render(<App />)
